<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>教务管理系统 - 主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/styles.css">
    <link rel="stylesheet" href="/moving.css">
    <link rel="stylesheet" href="/navbar.css">
</head>
<body>
<!-- 导航栏 -->
<div th:replace="navbar :: ~{*}" th:with="activeLink='home'"></div>

<!-- 主页内容区域 -->
<main class="main-content">
    <!-- 新闻资讯标题部分 -->
    <div class="news-header text-center">
        <h2 class="news-title-main">新闻资讯</h2>
        <p class="news-english">News</p>
    </div>
    <!-- 通知列表容器 -->
    <div class="news-list-container">
        <div th:each="notice : ${notices}" class="news-item">
            <h3 class="news-title" th:text="${notice.title}"></h3>
            <p class="news-author" th:text="'管理员'"></p> <!-- 假设都是管理员发布，实际可从notice对象取 -->
            <div class="news-date-arrow">
                <span class="news-date" th:text="${#dates.format(notice.releasedate, 'yyyy-MM-dd')}"></span>
                <span class="arrow-icon">&rarr;</span>
            </div>
        </div>
    </div>
</main>

<!--动画小人-->
<div class="moving_img">
    <img ondragstart="return false;"
         oncontextmenu="return false;"
         src="https://patchwiki.biligame.com/images/blhx/e/e4/paog3n20ayfib617fxlvrowqt6ikfgm.png">
</div>
<script src="/moving.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>